<template>
  <div>
    <el-dialog
      title="配置车辆"
      :visible="showConfigCarDialog2"
      width="70%"
      @close="CloseDialog"
    >
      <!-- 描述列表 -->
      <el-descriptions class="margin-top" :column="2" direction=" horizontal">
        <el-descriptions-item label="司机编号">kooriookami</el-descriptions-item>
        <el-descriptions-item label="司机名称">18100000000</el-descriptions-item>
        <el-descriptions-item label="司机电话">苏州市</el-descriptions-item>
        <el-descriptions-item label="所属机构">
          <el-tag size="small">学校</el-tag>
        </el-descriptions-item>
      </el-descriptions>
      <!-- 下拉框 -->
      <span>配置车辆：</span>
      <el-select v-model="formData.car" size="medium" placeholder="请选择">
        <el-option
          v-for="item in carList"
          :key="item.value"
          :label="item.label"
          :value="item.value"
        />
      </el-select>

      <!-- <input type="text" label="配置车辆" style="width:100px"> -->
      <!-- 带边框描述列表 -->
      <el-descriptions direction="vertical" :column="3" border>
        <el-descriptions-item label="车辆号">kooriookami</el-descriptions-item>
        <el-descriptions-item label="车辆状态">18100000000</el-descriptions-item>
        <el-descriptions-item label="操作" :span="2">
          <template slot-scope="scope">
            <!-- {{ scope.row }} -->
            <el-button type="text" size="small" @click="$router.push(`/employee/driver-detail/${scope.row.userId}&formUrlName=司机管理`)">查看</el-button>
            <el-button type="text" size="small" class="red" @click="ConfigCarDialog">删除</el-button>
          </template>
        </el-descriptions-item>

      </el-descriptions>
      <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisible = false">取 消</el-button>
        <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
      </span>
    </el-dialog>
  </div>
</template>

<script>
export default {
  props: {
    showConfigCarDialog2: {
      type: Boolean,
      required: true
    }
  },
  data() {
    return {
      formData: {
        car: ''
      },
      carList: []
    }
  },
  methods: {
    CloseDialog() {

    }
  }
}
</script>

<style>

</style>
